/* CPAPage */
.CPAPage {
  .tit_box {
    margin-top: 30px;
    text-align: center;

    h1 {
      font-size: 3.6rem;
      letter-spacing: 0px;
      color: #333333;
      font-weight: normal;
    }

    span {
      display: block;
      width: 125px;
      height: 1px;
      background: #cccccc;
      position: relative;
      margin: 18px auto;
    }

    span::after {
      content: '';
      width: 65px;
      height: 3px;
      background-color: #cd1f20;
      position: absolute;
      left: 50%;
      top: -1px;
      transform: translateX(-50%);
    }

    p {
      font-size: 1.6rem;
      color: #999999;
      width: 21rem;
      margin: 0 auto;
    }
  }
}

.banner {
  .swiper_con {
    margin-top: 1px;
  }

  .swiper-image {
    img {
      width: 100%;
      height: auto !important;
    }
  }

  /* 轮播 */
  .swiper-container {
    width: 100%;
    height: 450px;
  }

  .swiper-button-next {
    right: 22px;
    color: #cd1f20;
    cursor: pointer;
  }
  .swiper-button-prev {
    left: 22px;
    color: #cd1f20;
    cursor: pointer;
  }

  ::v-deep {
    // 未选中
    .swiper-pagination-bullet {
      width: 10px;
      height: 10px;
      background: #fff;
      opacity: 1;
    }

    // 选中状态
    .swiper-pagination-bullet-active {
      width: 20px;
      height: 10px;
      border-radius: 5px;
      background: #fff;
    }
  }
}

.flex_row {
  display: flex;
  flex-direction: row;
}

.flex-col {
  display: flex;
  flex-direction: column;
}

.justify-between {
  display: flex;
  justify-content: space-between;
}

@mixin wrapper_1glo {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-family: 'AlibabaPuHuiTi-Regular';
  text-align: center;
  white-space: nowrap;
  line-height: 18px;
}
.wapper {
  margin: 0 auto;
  width: 120rem;
}

.block_3 {
  margin: 20px auto;
  align-items: center;
  .section_3 {
    width: 12rem;
    height: 13rem;
    border: 1px solid rgba(250, 78, 78, 1);
    .image-text_1 {
      width: 98px;
      height: 61px;
      text-align: center;
      align-items: center;
      margin: 0 auto;

      img {
        display: inline-block;
        width: 6.4rem;
        height: 6.4rem;
        margin-top: 1.5rem;
      }

      span {
        display: inline-block;
        width: 100%;
        height: 2rem;
        font-size: 1.6rem;
        font-weight: bold;
        margin-top: 1rem;
        color: #333333;
        line-height: 2rem;
        overflow-wrap: break-word;
        font-family: 'YouSheBiaoTiHei';
        text-align: center;
        white-space: nowrap;
      }
    }
  }

  .section_4 {
    width: 350px;
    height: 13rem;
    border: 1px solid rgba(250, 78, 78, 1);
    margin-left: 4px;

    a {
      color: #333;
      text-decoration: none;
    }

    .text-wrapper_1 {
      background-color: rgba(250, 78, 78, 1);
      width: 62px;
      height: 128px;
      margin-top: -9px;

      span:first-child {
        @include wrapper_1glo();
        line-height: 4rem;
        height: 6rem;
        font-size: 1.8rem;
        margin-top: 35px;
        font-weight: bold;
      }

      span:last-child {
        font-size: 12px;
        @include wrapper_1glo();
      }
    }

    .text-wrapper_2 {
      width: 239px;
      height: 69px;
      margin: 25px 32px 0 17px;

      span:first-child {
        width: 230px;
        overflow-wrap: break-word;
        color: rgba(17, 17, 17, 1);
        font-size: 16px;
        text-align: left;
        line-height: 18px;
        margin-left: 1px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-family: 'AlibabaPuHuiTi-Regular';
      }

      span:last-child {
        font-size: 14px;
        font-family: 'AlibabaPuHuiTi-Regular';
        color: #666666;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 260px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        margin-top: 10px;
      }
    }
  }
}

.understanding {
  border-top: 1px solid transparent;
  height: 60rem;
  margin-top: 3rem;
  width: 120rem;
  margin: 0 auto;

  h2 {
    margin-top: 5rem;
    text-align: center;
    font-size: 3.6rem;
    font-weight: 400;
    color: #333333;
    line-height: 4rem;
  }
  .tabbox {
    margin-top: 4.5rem;
    height: 43rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
  .tabhead {
    width: 40rem;
    height: 43rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    .headitem {
      cursor: pointer;
      width: 40rem;
      height: 12rem;
      background: #f9fafc;
      box-shadow: 0 0.3rem 1.6rem 0rem rgba(231, 231, 231, 0.7);
      border-radius: 1rem;
      padding: 1.5rem;
      box-sizing: border-box;
      .title {
        text-align: left;
        vertical-align: middle;
        font-size: 2.4rem;
        font-weight: 400;
        height: 3rem;
        line-height: 3rem;
        color: #333333;
        margin-bottom: 3rem;

        i {
          display: inline-block;
          width: 3rem;
          height: 3rem;
          vertical-align: middle;
          background: url('@/assets/images/cpa2/understanding04.png') center
            center no-repeat;
          background-size: contain;
        }
      }

      &:first-child .title i {
        display: inline-block;
        width: 3rem;
        height: 3rem;
        vertical-align: middle;
        // background: url('') center center no-repeat;
        background-size: contain;
      }

      &:last-child .title i {
        display: inline-block;
        width: 3rem;
        height: 3rem;
        vertical-align: middle;
        background: url('@/assets/images/cpa2/understanding06.png') center
          center no-repeat;
        background-size: contain;
      }
    }

    .title span {
      display: inline-block;
      vertical-align: middle;
      position: relative;
    }

    .title span::after {
      position: absolute;
      bottom: -1rem;
      left: 0;
      content: '';
      width: 6rem;
      height: 0px;
      border: 2px solid #e8423a;
      background: #e04946;
    }

    .desbox {
      text-indent: 3rem;
      height: 2rem;
      font-size: 1.4rem;
      font-weight: 400;
      color: #666666;
      line-height: 2rem;
    }
    .active {
      background: #e04946;
      .title {
        color: #fff;

        i {
          display: inline-block;
          width: 3rem;
          height: 3rem;
          vertical-align: middle;
          background: url('@/assets/images/cpa2/understanding05.png') center
            center no-repeat;
          background-size: contain;
        }

        span::after {
          position: absolute;
          bottom: -1rem;
          left: 0;
          content: ' ';
          width: 6rem;
          height: 0px;
          border: 2px solid #ffffff;
          background: #ffffff;
        }
      }
      .desbox {
        color: #ffffff;
      }
    }

    .active:first-child .title i {
      display: inline-block;
      width: 3rem;
      height: 3rem;
      vertical-align: middle;
      background: url('@/assets/images/cpa2/understanding03.png') center center
        no-repeat;
      background-size: contain;
    }
    .active:last-child .title i {
      display: inline-block;
      width: 3rem;
      height: 3rem;
      vertical-align: middle;
      background: url('@/assets/images/cpa2/understanding07.png') center center
        no-repeat;
      background-size: contain;
    }
  }

  .tabbody {
    width: 70rem;
    height: 43rem;
    .bodyitem {
      width: 70rem;
      height: 43rem;
    }
    .oneitem {
      .titlediv {
        width: 70rem;
        height: 4.3rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;

        p {
          width: 46rem;
          height: 3rem;
          font-size: 2.4rem;
          font-weight: 400;
          color: #333333;
          line-height: 3rem;
          small {
            font-size: 1.6rem;
          }
        }

        a {
          width: 15rem;
          height: 4.2rem;
          text-align: center;
          background: #e04946;
          border-radius: 0.6rem;
          font-size: 1.6rem;
          font-weight: 400;
          color: #ffffff;
          line-height: 4.2rem;
        }
      }

      .contentdiv {
        width: 70rem;
        height: 30rem;
        overflow: hidden;
        margin-top: 8rem;

        img {
          width: 100%;
          height: auto;
        }
      }
    }

    .twoitem {
      .titlediv {
        width: 70rem;
        height: 9rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        .test {
          width: 47rem;
          height: 7rem;
          h6 {
            text-align: left;
            font-size: 2.8rem;
            height: 4rem;
            line-height: 4rem;
            font-weight: normal;
          }
          p {
            text-align: left;
            font-size: 1.4rem;
            height: 2.4rem;
            line-height: 2.4rem;
          }
        }

        a {
          width: 15rem;
          height: 4.2rem;
          text-align: center;
          background: #e04946;
          border-radius: 0.6rem;
          font-size: 1.6rem;
          font-weight: 400;
          color: #ffffff;
          line-height: 4.2rem;
        }
      }

      .contentdiv {
        width: 47rem;
        height: 36rem;
        table {
          width: 66rem;
          height: 34rem;
          text-align: center;
          border-collapse: collapse;
          thead {
            background-color: #f8f8f8;
            height: 5rem;
            border: 1px solid #666;
            tr {
              height: 3rem;
              td {
                border: 1px solid #666;
                font-size: 1.4rem;
                text-align: center;
                line-height: 3rem;
              }
            }
          }
        }

        tbody {
          tr {
            height: 3rem;
            td {
              border: 1px solid #666;
              font-size: 1.4rem;
              text-align: center;
              line-height: 3rem;
              .star {
                width: 2rem;
                height: 2rem;
                margin: 1rem 0.2rem 0;
                display: inline-block;
                background: url('@/assets/images/cpa2/star.png') center center
                  no-repeat;
                background-size: contain;
              }
            }
          }
        }
      }
    }

    .threeitem {
      .titlediv {
        width: 70rem;
        height: 8rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        .test {
          width: 40rem;
          height: 7rem;
          h6 {
            text-align: left;
            font-size: 2.8rem;
            height: 4rem;
            line-height: 4rem;
            font-weight: normal;
          }
          p {
            text-align: left;
            font-size: 1.4rem;
            height: 2.4rem;
            line-height: 2.4rem;
          }
        }

        a {
          width: 15rem;
          height: 4.2rem;
          text-align: center;
          background: #e04946;
          border-radius: 0.6rem;
          font-size: 1.6rem;
          font-weight: 400;
          color: #ffffff;
          line-height: 4.2rem;
        }
      }

      .contentdiv {
        width: 70rem;
        height: 24rem;
        margin-top: 5rem;
        table {
          border-collapse: collapse;
          width: 66rem;
          height: 23rem;
          text-align: center;
          thead {
            background-color: #f8f8f8;
            height: 5.5rem;
            border: 1px solid #666;
          }
        }

        tbody {
          tr {
            height: 4rem;

            td {
              border: 1px solid #666;
              text-align: center;
            }
          }
        }
      }
    }
  }
}

.calendar {
  margin-top: 1rem;
  width: 100%;
  height: 76rem;
  background: #13213c;
  border-top: 1px solid transparent;
  margin-bottom: 11.7rem;
  position: relative;

  h2 {
    text-align: center;
    margin-top: 5rem;
    height: 4rem;
    font-size: 3.6rem;
    font-weight: 400;
    color: #ffffff;
    line-height: 4rem;
  }
  .calendarimg {
    width: 116rem;
    margin: 0 auto;
    img {
      margin: 5.5rem auto;
      width: 100%;
      height: 35.5rem;
    }
  }
  .linkbox {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    height: 5rem;
    width: 120rem;
    margin: 0 auto;
    a {
      width: 18rem;
      height: 4.7rem;
      font-size: 1.6rem;
      border: 1px solid #ffffff;
      border-radius: 0.5rem;
      text-align: center;
      line-height: 4.4rem;
      font-weight: 400;
      color: #ffffff;

      &:hover {
        color: #ffffff;
        background: #e04946;
      }
    }
  }

  .countdown {
    width: 120rem;
    height: 19rem;
    margin: 0 auto;
    margin-top: 5rem;
    border-radius: 6rem 0 6rem 0;
    background: url('@/assets/images/cpa2/calendar02.png') center center
      no-repeat;
    background-size: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;

    .countitem {
      width: 41rem;
      height: 9rem;
      .ditance_test {
        width: 41rem;
        height: 7rem;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        p {
          height: 3rem;
          font-size: 2.4rem;
          font-weight: bold;
          color: #333;
          line-height: 3rem;
        }
        .reciprocal {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: center;
          width: 16rem;
        }
      }
      & > p {
        width: 33rem;
        height: 2rem;
        text-align: right;
        font-size: 1.6rem;
        font-weight: 400;
        color: #000033;
        line-height: 2rem;
      }
    }
  }
}

.package {
  height: 14rem;
  background: url('@/assets/images/cpa2/bookcourse.png') center center no-repeat;
  background-size: cover;

  .wapper_t {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 14rem;
    .package_left {
      text-align: left;
      width: 60rem;
      height: 14rem;
      font-size: 4.8rem;
      font-family: 'Source Han Sans CN';
      font-weight: bold;
      color: #ffffff;
      line-height: 14rem;
    }
    .package_middle {
      width: 45rem;
      overflow: hidden;

      & > div {
        width: 20rem;
        height: 4.2rem;
        font-size: 2.4rem;
        line-height: 4.2rem;
        margin-right: 3.6rem;
        border: 1px solid #ffffff;
        border-radius: 2.1rem;
        float: left;
        margin-bottom: 1rem;
        text-align: center;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #ffffff;
        position: relative;

        &.active {
          border: 1px solid #e04946;
          background-color: #e04946;
        }

        img {
          position: absolute;
          width: 3rem;
          height: 3rem;
          left: 1.5rem;
          top: 0.5rem;
        }

        &:nth-child(2n + 2) {
          margin-right: 0rem;
        }
        &:nth-child(2n + 3) {
          margin-bottom: 0rem;
        }
        &:nth-child(2n + 4) {
          margin-bottom: 0rem;
        }
      }
    }

    .package_right {
      width: 10.2rem;
      height: 10.2rem;
      text-align: center;
      font-size: 2.4rem;
      padding-top: 1.6rem;
      font-family: Source Han Sans CN;
      font-weight: 400;
      color: #333333;
      line-height: 3.4rem;
      background: #ffffff;
      border-radius: 50%;
      box-sizing: border-box;
      cursor: pointer;
    }
  }
}

.courselist {
  .wapper {
    border-top: 1px solid transparent;
    height: 96rem;
    background: #ffffff;
    box-shadow: 0px 4px 16px 0px rgb(231 231 231 / 70%);
    border-radius: 3rem;
    margin: 0 auto;
    width: 120rem;
  }

  .listbox {
    padding: 0 1.6rem;
    height: 70rem;
    margin-top: 15px;
  }
  .itembox {
    float: left;
    width: 27.6rem;
    height: 31rem;
    background: #ffffff;
    border: 1px solid rgba(229, 229, 229, 0.49);
    border-radius: 0.5rem;
    margin-bottom: 3.5rem;
    margin-right: 1.8rem;
    &:nth-child(4n + 4) {
      margin-right: 0rem;
    }

    & > img {
      width: 100%;
      height: 18rem;
    }
    & > h4 {
      padding: 1.5rem 2rem 0 1rem;
      text-align: left;
      font-size: 1.6rem;
      font-weight: 400;
      color: #333333;
      line-height: 2rem;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }

    .text {
      padding: 1rem 2rem 0 1rem;
      text-align: left;
      font-size: 1.4rem;
      font-weight: 400;
      color: #999999;
      line-height: 2.4rem;
      -webkit-line-clamp: 2;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    & > a {
      display: block;
      padding: 1rem 2rem 0 1rem;
      text-align: left;
      height: 2rem;
      font-size: 1.4rem;
      font-weight: 400;
      color: #e04946;
      line-height: 2rem;
    }
  }

  .tomore {
    display: block;
    margin: 0 auto;
    width: 16.6rem;
    height: 4.2rem;
    font-size: 1.6rem;
    font-weight: 400;
    color: #ffffff;
    background: #e04946;
    border-radius: 0.5rem;
    text-align: center;
    line-height: 4.2rem;
  }
}

.trylisten {
  border-top: 1px solid transparent;
  width: 100%;
  height: 16rem;
  background: #333333;

  h3 {
    margin: 2.5rem auto;
    text-align: center;
    font-size: 3rem;
    height: 3rem;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #00e6da;
    line-height: 3rem;
  }
  .submitdata {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    height: 5.5rem;

    input {
      width: 26rem;
      height: 5rem;
      border: 1px solid #ffffff;
      font-size: 1.8rem;
      font-weight: 400;
      color: #fefefe;
      line-height: 5rem;
      text-indent: 1rem;
      background: transparent;
      outline-style: none;
    }

    span {
      display: block;
      width: 12rem;
      height: 4.2rem;
      font-size: 1.8rem;
      text-align: center;
      line-height: 4.2rem;
      background: #ffffff;
      border-radius: 0.5rem;
      color: #e04946;
      cursor: pointer;
      border: none;
    }
  }
}

.live_box {
  h1 {
    font-size: 32px;
    color: #333333;
    text-align: center;
    padding-top: 45px;
    font-stretch: normal;
    font-weight: normal;
    letter-spacing: 0px;
  }

  .live_swiper {
    .all_live {
      display: block;
      width: 166px;
      height: 42px;
      background-color: #e04946;
      border-radius: 5px;
      font-size: 16px;
      font-weight: normal;
      font-stretch: normal;
      letter-spacing: 0px;
      color: #ffffff;
      text-align: center;
      line-height: 42px;
      margin: 50px auto;
    }
  }

  .swiper-container {
    width: 100%;
    padding: 0px 48px;
    margin: 0 auto;
    padding-left: 60px;
  }

  .swiper-slide-active .time {
    h5,
    p {
      color: red !important;
    }
  }

  .swiper-slide {
    width: 301px !important;
    height: 460px;
    margin-right: 0 !important;
    .time {
      width: 100%;
      padding: 40px 0;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      height: 50px;
      position: relative;
      text-align: center;

      &::after {
        content: '';
        width: 100%;
        height: 1px;
        background: #999999;
        position: absolute;
        left: 0;
        top: 65px;
        z-index: 2;
      }
      h5 {
        position: absolute;
        width: 120px;
        top: 40px;
        left: 85px;
        font-size: 16px;
        font-weight: bold;
        font-stretch: normal;
        letter-spacing: 0px;
        background: #ffffff;
        color: #333333;
        padding-bottom: 12px;
        z-index: 3;
      }

      p {
        position: absolute;
        width: 120px;
        top: 70px;
        left: 85px;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        letter-spacing: 0px;
        color: #666666;
        background: #ffffff;
        z-index: 3;
      }
    }
  }

  .live_info {
    width: 276px;
    height: 326px;
    background-color: #ffffff;
    box-shadow: 0px 3px 10px 0px rgba(231, 231, 231, 0.7);
    border-radius: 5px;
    margin-right: 30px;
    img {
      width: 276px;
      height: 180px;
      border-radius: 5px 5px 0px 0px;
    }
    .live_name {
      padding: 15px 15px 0;
      font-size: 16px;
      font-weight: normal;
      font-stretch: normal;
      letter-spacing: 0px;
      line-height: 37px;
      color: #333333;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      text-align: center;
    }
    .yy_num {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 15px;
      margin-top: 10px;

      p {
        i {
          display: inline-block;
          vertical-align: middle;
          width: 20px;
          height: 27px;
          //   background: url(../img/tip.png) no-repeat center center;
          background-size: contain;
        }

        span {
          vertical-align: middle;
          font-size: 14px;
          line-height: 30px;
          letter-spacing: 0px;
          color: #57a75a;
          margin-left: 5px;
        }
      }
    }
    .yy_now {
      display: block;
      margin: 8px auto 0;
      width: 96px;
      height: 34px;
      border-radius: 5px;
      border: solid 1px #e04946;
      font-size: 14px;
      letter-spacing: 0px;
      color: #e04946;
      text-align: center;
      line-height: 34px;
    }
  }

  .swiper-button-prev {
    left: 0;
    right: auto;
    color: #cd2122;
    // background: url('@/assets/images/cfa2/20ryicon59.png');
  }
  .swiper-button-next {
    right: 0;
    left: auto;
    color: #cd2122;
    // background: url('@/assets/images/cfa2/20ryicon60.png');
  }
  .swiper-button-next,
  .swiper-button-prev {
    position: absolute;
    top: 0;
    width: 50px;
    height: 460px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    right: 0;
    margin-top: 0;
    opacity: 1;
  }
}

.tobook {
  width: 100%;
  margin-top: 4rem;
  height: 14rem;
  border-top: 1px solid transparent;
  background: url('@/assets/images/cpa2/tobook01.png') center center no-repeat;
  background-size: cover;

  & > div {
    margin: 4rem auto 0;
    width: 59.5rem;
    height: 6.7rem;
    border: 1px solid #ffffff;
    border-radius: 3.4rem;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    span {
      height: 4.5rem;
      font-size: 4.2rem;
      font-family: Source Han Sans CN;
      font-weight: bold;
      color: #ffffff;
      line-height: 4.5rem;
    }
    p {
      width: 39rem;
      height: 4.2rem;
      background: #ffffff;
      border-radius: 21px;
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      align-items: center;
      .textspan {
        height: 3rem;
        font-size: 3rem;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #3840d8;
        line-height: 3rem;
      }
      a {
        width: 3.2rem;
        height: 3.2rem;
        background: #3840d8;
        border-radius: 50%;
        color: #fff;
        text-align: center;
        line-height: 3.2rem;
      }
    }
  }
}

.teacherteam {
  margin-top: 6.3rem;

  h2 {
    text-align: center;
    height: 4rem;
    font-size: 3.6rem;
    font-weight: 400;
    color: #333333;
    line-height: 4rem;
  }

  .flash4 {
    width: 100%;
    height: 34.6rem;
    margin: 0px auto;
    position: relative;
    overflow: hidden;
    padding: 0.2rem;
    ul {
      list-style: none;
      li {
        width: 16.6%;
        height: 34.7rem;
        position: relative;
        padding: 0.1rem;
        float: left;
        box-sizing: border-box;
        .imgTop img {
          opacity: 1;
          width: 25.8rem;
          height: 33.6rem;
          border: 0.5rem solid #fafafa;
          box-shadow: #ccc 0 0 1rem;
          border-radius: 0.5rem;
          float: left;
          display: inline;
          background: #656982;
          box-sizing: border-box;
        }
      }
    }
  }
}

.guarantee {
  margin-top: 6rem;
  h2 {
    text-align: center;
    font-size: 3.6rem;
    font-weight: 400;
    color: #333333;
    height: 4rem;
    line-height: 4rem;
  }
  .contentbox {
    margin-top: 8rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    .contentitem {
      width: 23rem;
      height: 34.4rem;
      background: #ffffff;
      box-shadow: 0 0.3rem 1rem 0 rgba(231, 231, 231, 0.7);
      border-radius: 1rem;
      border-top: 1px solid transparent;
      img {
        display: block;
        margin: 3rem auto 2.5rem;
        width: 8.4rem;
        height: 8.4rem;
        border-radius: 50%;
      }
      h4 {
        text-align: center;
        font-size: 2rem;
        font-weight: bold;
        color: #333333;
        line-height: 2rem;
      }
      p {
        text-align: center;
        margin: 2rem auto;
        width: 17rem;
        height: 6rem;
        font-size: 1.4rem;
        font-family: Microsoft YaHei;
        font-weight: 400;
        color: #666666;
        line-height: 2rem;
      }

      &:first p {
        line-height: 1.8rem;
      }
      a {
        text-align: center;
        display: block;
        margin: 0 auto;
        width: 16rem;
        height: 4.8rem;
        background: #e14946;
        font-size: 1.8rem;
        font-weight: 400;
        line-height: 4.8rem;
        color: #ffffff;
        cursor: pointer;
      }
    }
  }
}

.Consulting {
  margin-top: 6.5rem;

  .title {
    text-align: center;
    font-size: 3.2rem;
    font-weight: 400;
    color: #333333;
    line-height: 4rem;
  }
  .tabhead {
    text-align: center;
    margin-top: 5rem;
    span {
      display: inline-block;
      text-align: center;
      width: 12.5rem;
      height: 3.8rem;
      border: 1px solid #e14946;
      border-radius: 0.5rem;
      font-size: 1.8rem;
      font-weight: 400;
      color: #e14946;
      line-height: 3.8rem;
      cursor: pointer;
      margin-right: 2.5rem;
      &:last-child {
        margin-right: 0rem;
      }

      &.active {
        background: #e04946;
        color: #ffffff;
      }
    }
  }

  .tabbody {
    margin-top: 3.5rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    ul {
      width: 85.7rem;
      height: 52.3rem;
      background: #ffffff;
      box-shadow: 0px 0.3rem 1.6rem 0px rgba(231, 231, 231, 0.7);
      border-radius: 0.5rem;
      li {
        width: 85.7rem;
        height: 52.3rem;
        background: #ffffff;
        padding: 2.7rem;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        .imgbox {
          width: 32rem;
          height: 46.8rem;
          position: relative;
          img {
            width: 100%;
            margin: 3rem auto 0;
          }

          .tag {
            width: 20rem;
            height: 6rem;
            // background: url('') no-repeat center center;
            background-size: cover;
            position: absolute;
            left: -1.5rem;
            top: 4rem;
            font-size: 2.4rem;
            font-weight: bold;
            line-height: 7rem;
            letter-spacing: 2px;
            color: #ffffff;
            text-align: center;
          }

          a {
            display: block;
            margin: 5rem auto 0;
            width: 60%;
            text-align: center;
            height: 3.8rem;
            border: 1px solid #e14946;
            border-radius: 0.5rem;
            font-size: 1.8rem;
            font-weight: 400;
            color: #e14946;
            line-height: 3.8rem;
          }
        }

        .newbox {
          width: 47rem;
          height: 46.8rem;

          .firstnew {
            width: 47rem;
            height: 14.4rem;
            border-bottom: 1px dashed #cccccc;
            h3 {
              text-align: center;
              // height: 2rem;
              font-size: 2rem;
              font-weight: bold;
              color: #333333;
              // line-height: 2.2rem;
              margin-bottom: 1.5rem;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
            }
            p {
              text-align: left;
              height: 9rem;
              font-size: 1.6rem;
              font-weight: 400;
              color: #666666;
              line-height: 3rem;
              position: relative;
              -webkit-line-clamp: 3;
              display: -webkit-box;
              -webkit-box-orient: vertical;
              overflow: hidden;
              text-overflow: ellipsis;
              a {
                position: absolute;
                text-align: center;
                width: 8rem;
                font-size: 1.4rem;
                height: 3rem;
                line-height: 3rem;
                right: 0;
                bottom: -0.5rem;
                background-color: #fff;
                color: #666666;
              }
            }
          }

          .othernews {
            display: block;
            width: 47rem;
            height: 4.7rem;
            line-height: 4.7rem;
            border-bottom: 1px dashed #cccccc;
            // vertical-align: middle;
            cursor: pointer;

            i {
              display: inline-block;
              width: 1.7rem;
              height: 1.7rem;
              background: url('@/assets/images/cpa2/Consulting.png') center
                center no-repeat;
              background-size: cover;
              vertical-align: middle;
            }
            .namespan {
              display: inline-block;
              vertical-align: middle;
              width: 34rem;
              height: 4.7rem;
              line-height: 4.7rem;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
            }
            .datespan {
              display: inline-block;
              vertical-align: middle;
              width: 10rem;
              height: 4.7rem;
              line-height: 4.7rem;
            }
          }
        }
      }
    }

    & > div {
      width: 32rem;
      height: 52.3rem;
      background: #ffffff;
      box-shadow: 0px 0.3rem 1.6rem 0px rgba(231, 231, 231, 0.7);
      border-radius: 0.5rem;
    }
    .formdiv {
      padding: 2rem 3rem;
      box-sizing: border-box;
      h4 {
        text-align: center;
        font-size: 2rem;
        font-weight: bold;
        color: #333333;
        line-height: 2.4rem;
      }
      .classification {
        height: 12rem;
        margin-top: 2.5rem;
        span {
          float: left;
          text-align: center;
          width: 11.4rem;
          height: 4rem;
          background: #f1f1f1;
          font-size: 1.4rem;
          font-weight: 400;
          color: #666666;
          line-height: 4rem;
          margin-bottom: 1rem;
          cursor: pointer;
          &:nth-child(2n + 2) {
            margin-left: 3rem;
          }
        }
      }

      .formdata {
        padding-top: 0.5rem;
        input {
          width: 25.4rem;
          height: 4.2rem;
          font-size: 1.6rem;
          font-weight: 400;
          color: #999999;
          line-height: 4.2rem;
          margin-bottom: 1.5rem;
          text-indent: 1.6rem;
          border: 1px solid #e7e7e7;
          outline-style: none;
        }

        .codeinput {
          width: 14.4rem;
        }
        .getcode {
          display: inline-block;
          text-align: center;
          margin-left: 1.5rem;
          width: 9rem;
          height: 4.2rem;
          font-size: 1.4rem;
          font-weight: 400;
          color: #ffffff;
          background: #e14946;
          border-radius: 0.5rem;
          line-height: 4.2rem;
          cursor: pointer;
        }

        .btnbox {
          display: flex;
          flex-direction: row;
          justify-content: space-around;
          align-items: center;
          span {
            display: inline-block;
            text-align: center;
            width: 11.6rem;
            height: 3.6rem;
            font-size: 1.6rem;
            font-weight: 400;
            color: #e04946;
            border: 1px solid #e04946;
            border-radius: 0.5rem;
            line-height: 3.6rem;
            cursor: pointer;
          }
          .active {
            color: #fff;
            background: #e04946;
          }
        }
      }
    }
  }
}

.requirement {
}

.requirement {
  margin-top: 8.6rem;
  .wapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .itembox {
    width: 38rem;
    height: 26rem;
    background: #ffffff;
    border-top: 1px solid transparent;
    box-shadow: 0rem 0.3rem 1.6rem 0px rgba(231, 231, 231, 0.7);
    border-radius: 1.5rem;
    position: relative;
    & > img {
      position: absolute;
      left: 4rem;
      top: -5.5rem;
      width: 11.2rem;
      height: 11.2rem;
      border-radius: 50%;
    }

    & > h2 {
      margin: 7rem auto 0;
      width: 32rem;
      text-align: center;
      font-size: 1.8rem;
      font-weight: bold;
      color: #333333;
      line-height: 4.8rem;
      background: url('@/assets/images/cpa2/requirement04.png') no-repeat left
        center;
      background-size: contain;
    }

    & > p {
      margin: 0.5rem auto 0;
      text-align: center;
      width: 24.6rem;
      height: 3.5rem;
      font-size: 1.4rem;
      font-weight: 400;
      color: #333333;
      line-height: 1.8rem;
    }
    & > a {
      margin: 2rem auto 0;
      display: block;
      text-align: center;
      width: 19rem;
      height: 4rem;
      border: 1px solid #e8423a;
      border-radius: 0.5rem;
      font-size: 1.6rem;
      font-weight: 400;
      color: #e8423a;
      line-height: 4rem;
      cursor: pointer;
    }
  }
}

.ending {
  width: 100%;
  height: 68rem;
  background-color: black;
  border-top: 1px solid transparent;
  margin-top: 5rem;

  .titlebox {
    margin-top: 6rem;
    text-align: center;
    color: #fff;
    h3 {
      text-align: center;
      font-size: 4rem;
      font-weight: 400;
      color: #fff;
      line-height: 5rem;
      margin-bottom: 1.5rem;
    }
    span {
      display: inline-block;
      width: 16.5rem;
      height: 1rem;
      background: url('@/assets/images/cpa2/ending01.png') no-repeat center
        center;
      background-size: contain;
      margin-bottom: 1.5rem;
    }
    h4 {
      text-align: center;
      font-size: 1.8rem;
      font-weight: 400;
      color: #fff;
      line-height: 2rem;
    }
  }
  .ending_bot {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    margin-top: 3.5rem;
    & > div {
      width: 54rem;
      height: 41rem;
      background: #ffffff;
      box-shadow: 0px 0.3rem 1.6rem 0px rgba(231, 231, 231, 0.7);
      border-radius: 0.5rem;
      padding: 3rem 2rem 1rem;
      box-sizing: border-box;

      .ending_bot_leftTop {
        text-align: center;
        height: 3rem;
        font-size: 2rem;
        font-weight: bold;
        color: #333333;

        line-height: 3rem;
      }

      .ending_ul {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        height: 5.4rem;
        border-bottom: 1px dashed #999999;

        &:last-child {
          border-bottom: 1px dashed transparent;
        }
        .namebox {
          max-width: 70%;
          text-indent: 3.5rem;
          font-size: 1.4rem;
          font-weight: 400;
          color: #333333;
          height: 2.8rem;
          line-height: 2.8rem;
          background: url('@/assets/images/cpa2/ending03.png') no-repeat left
            center;
          background-size: 14px 12px;
        }

        .tomore {
          width: 10rem;
          height: 2.5rem;
          font-size: 1.4rem;
          background: #e14946;
          border-radius: 0.4rem;
          text-align: center;
          color: #fff;
          line-height: 2.5rem;
          cursor: pointer;
        }
      }
    }

    .ending_bot_right {
      .ending_ul .namebox {
        background: url('@/assets/images/cpa2/ending02.png') no-repeat left
          center;
        background-size: contain;
      }
    }
  }
}
